<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>蓝源Eloan-P2P平台</title>
		<#include "common/links-tpl.ftl" />
		<link type="text/css" rel="stylesheet" href="/css/account.css" />
		<script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>
		<script type="text/javascript" src="/js/plugins-override.js"></script>
		<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
	</head>
	<body>
	
		<!-- 网页顶部导航 -->
		<#include "common/head-tpl.ftl" />
		<!-- 网页导航 -->
		<#assign currentNav="personal" />
		<#include "common/navbar-tpl.ftl" />
		
		<div class="container">
			<div class="row">
				<!--导航菜单-->
				<div class="col-sm-3">
					<#assign currentMenu="ipLog" />
					<#include "common/leftmenu-tpl.ftl" />		
				</div>
				<!-- 功能页面 -->
				<div class="col-sm-9">
					<form action="/ipLog" name="searchForm" id="searchForm" class="form-inline" method="post">
						<input type="hidden" id="currentPage" name="currentPage" value="${qo.currentPage}"/>
						<div class="form-group">
							<label>时间范围</label>
							<input type="text" class="form-control beginDate"  name="beginDate" value=''/>
						</div>
						<div class="form-group">
							<label></label>
							<input type="text" class="form-control endDate"  name="endDate" value=''/>
						</div>
						<div class="form-group">
						    <label>状态</label>
						    <select class="form-control" name="state" id="state">
						    	<option value="-1">全部</option>
						    	<option value="1">登录失败</option>
						    	<option value="0">登录成功</option>
						    </select>
						</div>
						<div class="form-group">
							<button type="submit" id="query" class="btn btn-success"><i class="icon-search"></i> 查询</button>
						</div>
					</form>
					
					<div class="panel panel-default" style="margin-top: 20px;">
						<div class="panel-heading">
							登录日志
						</div>
						<table class="table table-striped">
							<thead>
								<tr>
									<th>用户</th>
									<th>登录时间</th>
									<th>登录ip</th>
									<th>登录状态</th>
								</tr>
							</thead>
							<tbody>
								<#list pageResult.listData as item>
									<tr>
										<td>${item.username}</td>
										<td>${item.loginTime?string("yyyy-MM-dd HH:mm:ss")}</td>
								        <td>${item.ip}</td>
								        <td>${item.stateName}</td>
									</tr>
								</#list>
							</tbody>
						</table>
						<div style="text-align: center;">
							<ul id="pagination" class="pagination">
								<#include "common/page.ftl"/>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>		
						
		<#include "common/footer-tpl.ftl" />

	<script>
        $("#searchForm input[name='beginDate']").click(function () {
            new WdatePicker({
                maxDate:$("#searchForm input[name='endDate']").val(),
                readOnly:true
            });
        });
        $("#searchForm input[name='endDate']").click(function () {
            new WdatePicker({
                minDate:$("#searchForm input[name='beginDate']").val(),
                maxDate:new Date(),
                readOnly:true
            });
        });
		<#if qo??>
			<#if qo.beginDate??>
					$("#searchForm input[name='beginDate']").val("${qo.beginDate?string("yyyy-MM-dd")}");
			</#if>
			<#if qo.endDate??>
				$("#searchForm input[name='endDate']").val("${qo.endDate?string("yyyy-MM-dd")}");
			</#if>
		</#if>
		$("#state").val("${qo.state}");
	</script>
	</body>
</html>